import React from 'react'
import { Modal, Button, Space } from 'antd';

import { ExclamationCircleOutlined } from '@ant-design/icons';

import './header.less'

class Header extends React.Component{
    state=({

    })

    logout = ()=>{
        Modal.confirm({
            title: 'Do you Want to delete these items?',
            icon: <ExclamationCircleOutlined />,
            content: 'Some descriptions',
            onOk() {
              console.log('OK');
            },
            onCancel() {
              console.log('Cancel');
            },
          })
    }
    render(){
        return (
            <div className="header">
                <div className='header-top'>
                    <span>欢迎，admin</span>
                    <a href="javascript:" onClick={this.logout}>退出</a>
                </div>
                <div className='header-bottom'>2</div>
            </div>
        )
    }

}

export default Header